export const slideOutDown = (
    height:number
) => (
    {
        0: {
            opacity: 1,
            transform: [{
                translateY: 0
            }]
        },
        1: {
            opacity: 1,
            transform: [{
                translateY: height
            }]
        }
    }
)

export const sliderOutUp = (
    height:number
) => (
    {
        0: {
            opacity: 1,
            transform: [{
                translateY: 0
            }]
        },
        1: {
            opacity: .2,
            transform: [{
                translateY: -height
            }]
        }
    }
)

export const sliderOutLeft = (
    width:number
) => (
    {
        0: {
            opacity: 1,
            transform: [{
                translateX: 0
            }]
        },
        1: {
            opacity: .2,
            transform: [{
                translateX: -width
            }]
        }
    }
)

export const sliderOutRight = (
    width:number
) => (
    {
        0: {
            opacity: 1,
            transform: [{
                translateX: 0
            }]
        },
        1: {
            opacity: .8,
            transform: [{
                translateX: width
            }]
        }
    }
)